Skip to content

Update style of key binding UI#38166

Merged
peppy merged 3 commits into
ppy:masterfrom
LiquidPL:key-binding-panel-refresh
Jun 29, 2026
Merged

Update style of key binding UI#38166
peppy merged 3 commits into
ppy:masterfrom
LiquidPL:key-binding-panel-refresh

Conversation

@LiquidPL

Copy link
Copy Markdown
Contributor

This PR refreshes the appearance of KeyBindingRow to better match the new form controls used in the settings overlay. It also gets rid of the previously used font on the actual key display with Torus.

Screencast_20260626_183457.webm

The Cancel/Clear buttons look a bit out of place with the non-matching corner radius, but I suppose it will be eventually handled once https://github.com/ppy/osu/blob/master/osu.Game/Graphics/UserInterfaceV2/RoundedButton.cs#L52 is sorted out.

This PR refreshes the appearance of `KeyBindingRow` to better
match the new form controls used in the settings overlay.
It also gets rid of the previously used font on the actual
key display with Torus.
@bdach bdach added type/cosmetic Only affects the game visually. Doesn't affect things working or not working. area:settings subjective PRs with subjective changes which have not been discussed prior. Need team consensus to proceed. labels Jun 29, 2026
@peppy peppy self-requested a review June 29, 2026 14:52
@peppy

peppy commented Jun 29, 2026

Copy link
Copy Markdown
Member

Made some adjustments:

2026-06-30.01.44.37.mp4

@peppy peppy left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure about the grid container usage but too sleepy to care

@LiquidPL

Copy link
Copy Markdown
Contributor Author

afaik the previous implementation would cause the label to overlap with the key displays if the text was too long. from what I can tell this never happened (at the very least on English) so maybe I am too cautious here.

@peppy peppy merged commit 6fa513c into ppy:master Jun 29, 2026
9 checks passed
0xAlexisSys pushed a commit to 0xAlexisSys/osu that referenced this pull request Jun 30, 2026
This PR refreshes the appearance of `KeyBindingRow` to better match the
new form controls used in the settings overlay. It also gets rid of the
previously used font on the actual key display with Torus.


[Screencast_20260626_183457.webm](https://github.com/user-attachments/assets/71a1a5b5-ec6d-4f54-af3a-d5a3bb807521)

The Cancel/Clear buttons look a bit out of place with the non-matching
corner radius, but I suppose it will be eventually handled once
https://github.com/ppy/osu/blob/master/osu.Game/Graphics/UserInterfaceV2/RoundedButton.cs#L52
is sorted out.

---------

Co-authored-by: Dean Herbert <pe@ppy.sh>
0xAlexisSys pushed a commit to 0xAlexisSys/osu that referenced this pull request Jun 30, 2026
This PR refreshes the appearance of `KeyBindingRow` to better match the
new form controls used in the settings overlay. It also gets rid of the
previously used font on the actual key display with Torus.

[Screencast_20260626_183457.webm](https://github.com/user-attachments/assets/71a1a5b5-ec6d-4f54-af3a-d5a3bb807521)

The Cancel/Clear buttons look a bit out of place with the non-matching
corner radius, but I suppose it will be eventually handled once
https://github.com/ppy/osu/blob/master/osu.Game/Graphics/UserInterfaceV2/RoundedButton.cs#L52
is sorted out.

---------

Co-authored-by: Dean Herbert <pe@ppy.sh>
0xAlexisSys pushed a commit to 0xAlexisSys/osu that referenced this pull request Jul 7, 2026
This PR refreshes the appearance of `KeyBindingRow` to better match the
new form controls used in the settings overlay. It also gets rid of the
previously used font on the actual key display with Torus.

[Screencast_20260626_183457.webm](https://github.com/user-attachments/assets/71a1a5b5-ec6d-4f54-af3a-d5a3bb807521)

The Cancel/Clear buttons look a bit out of place with the non-matching
corner radius, but I suppose it will be eventually handled once
https://github.com/ppy/osu/blob/master/osu.Game/Graphics/UserInterfaceV2/RoundedButton.cs#L52
is sorted out.

---------

Co-authored-by: Dean Herbert <pe@ppy.sh>
0xAlexisSys pushed a commit to 0xAlexisSys/osu that referenced this pull request Jul 9, 2026
This PR refreshes the appearance of `KeyBindingRow` to better match the
new form controls used in the settings overlay. It also gets rid of the
previously used font on the actual key display with Torus.

[Screencast_20260626_183457.webm](https://github.com/user-attachments/assets/71a1a5b5-ec6d-4f54-af3a-d5a3bb807521)

The Cancel/Clear buttons look a bit out of place with the non-matching
corner radius, but I suppose it will be eventually handled once
https://github.com/ppy/osu/blob/master/osu.Game/Graphics/UserInterfaceV2/RoundedButton.cs#L52
is sorted out.

---------

Co-authored-by: Dean Herbert <pe@ppy.sh>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:settings size/L subjective PRs with subjective changes which have not been discussed prior. Need team consensus to proceed. type/cosmetic Only affects the game visually. Doesn't affect things working or not working.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants